<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <title>user</title>
    <meta name="title" content="海大 首页">
    <meta name="keywords" content="海大珍珠商城">
    <meta name="desciption" content="海大珍珠商城是一个专注于……商城">
    <meta name="author" content="loushengyue，于景洲，宛煜，陈泽鹏，庞乃东">
    <link rel="shortcut icon" href="./img/icon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/user.css">
</head>
<body>
<div class="header">
    <div class="headerTop">
        <div class="back"  id="back"><img src="img/return.png" alt=""></div>
        <div><span>个人</span></div>
        <div>
            <p>设置</p></div>
    </div>
    <div class="headerBottom">
        <div class="left">
            <img src="img/head.png" alt="">
            <span>白墨%</span>
            <p>修改个人资料</p>
        </div>
        <div class="right">
            <span>珍珠值</span><em>666</em>
        </div>
    </div>
</div>
<div class="content">
    <div class="may">
        <ul>
            <li>
                <center><img src="img/money.png" alt="money.png"></center>
                <p>购买记录</p></li>
            <li>
                <center><img src="img/attention.png" alt="attention.png"></center>
                <p>关注店铺</p></li>
            <li>
                <center><img src="img/footprint.png" alt="footprint.png"></center>
                <p>足迹</p></li>
        </ul>
    </div>
    <div class="address">
        <ul>
            <li>
                <img class="ad" src="img/landmark.png" alt="landmark.png">
                <span>收货地址：<em>广东省广州市天河区五山大道1090号</em></span>
                <img class="right-arrow" src="img/right-arrow.png" alt="right-arrow.png">
            </li>
            <button>添加地址</button>
        </ul>
    </div>
    <div class="my-order">
        <p>我的订单</p>
        <div class="more-order">
            <a href="#">查看更多订单</a>
            <img src="img/right-arrow.png" alt="right-arrow.png">
        </div>
    </div>
    <div class="flow">
        <div><img src="img/payment.png" alt="payment.png">
            <p>待付款</p></div>
        <div><img src="img/shipments.png" alt="shipments.png">
            <p>待发货</p></div>
        <div><img src="img/receiving.png" alt="receiving.png">
            <p>待收货</p></div>
        <div><img src="img/evaluate.png" alt="evaluate.png">
            <p>待评价</p></div>
        <div><img src="img/refund.png" alt="refund.png">
            <p>退款/售后</p></div>
    </div>
</div>
<footer>
    <div class="option1">
        <i></i>
        <b>首页</b>
    </div>
    <div class="option2">
        <i></i>
        <b>分类</b>
    </div>
    <div class="option3">
        <i></i>
        <b>购物车</b>
    </div>
    <div class="option4">
        <i></i>
        <b>个人</b>
    </div>
</footer>
<!--<div class="footer">
    <ul>
        <li><img src="img/user-home-page.png" alt="user-home-page.png"><div>首页</div></li>
        <li><img src="img/user-classify.png" alt="user-classify.png"><div>分类</div></li>
        <li><img src="img/user-shop-cart.png" alt="user-shop-cart.png"><div>购物车</div></li>
        <li><img src="img/user-personage.png" alt="user-personage.png"><div>个人</div></li>
    </ul>
</div>-->
<script src="lib/zepto-1.2.0.js"></script>
<script src="lib/resetRem.js"></script>
<script src="js/common.js"></script>

</body>
</html>